/* ************************************************************************ */
/* IPAD TARGETED media selector */
/* ************************************************************************ */
@media (min-width: 680px) and (max-width: 979px) {
#wrapper .container {width:100%;}
#main-logo { left:0px;}
#upper-bar {height:91px;} 
#searchform {top: 43px;} 
#login-panel {position: absolute;top: 43px;}
#main-nav {}
#main-nav .container {display: table;}
#main-nav .sub-menu {padding:33px 0 17px;}
#main-logo {position:absolute;top:0;width:165px;height: 91px;background-position: -576px 10px;}
#menu-main-menu {display: table-row;float:none;}
#menu-main-menu > li {margin: 0 auto;display: table-cell;float:none;}

section{width:100%;}

.input_field{width:60%;margin-left:20px;}






}


/* ************************************************************************ */
/* HOMEPAGE COLUMNS FIX media selector */
/* ************************************************************************ */
@media (max-width: 800px) {
#main-logo {position:absolute;top:0;width:220px;height:90px;background-position:-8px -8px; left:0px;}	
}

/* ************************************************************************ */
/* LARGE MOBILE media selector */
/* ************************************************************************ */
@media (max-width: 680px) {
#header {position:relative;z-index:101;}
input[type="text"], input[type="password"] {height:34px;}
#wrapper {min-width: 265px;}
#wrapper .container {width:100%;}
#upper-bar {height:94px;width:100%;padding:5px 0 0;}
#searchform {margin:22px 0 0;right:6px;}
header #searchform{right:0;}
#searchsubmit {width: 32px;height: 31px;background-position:-118px -10px;}
#login-panel {display:none;}
#main-nav {background:#F0F0EB;height:auto;}
#menu-main-menu {width:100%;overflow:visible;float:none;}
#menu-main-menu > li {margin:0 0 1% 1%;background:#fff;width:32%;}
#menu-main-menu .menu-heading {font-size:16px;line-height:16px;height:35px;width:auto;padding: 20px 0 0 37px;text-align:left; background-image:none;}
#menu-main-menu .menu-heading:before, #menu-main-menu .menu-heading:after {display:none !important;}
#main-nav .sub-menu {z-index:258;border:0;left:0;margin:0;width:100%;padding:3px 0;overflow:hidden;}
.sub-menu .close-button {top:7px;right:6px;}
.sub-menu a {background:#fff;margin: 0 3px;}
.sub-menu > li a {padding: 21px 70px 21px 13px;}				
#menu-main-menu .listed .sub-menu {background:#71C000;}
#menu-main-menu .yoursay .sub-menu {background:#60bfb8;height: auto;}
#menu-main-menu .yoursay .sub-menu #nav-menu-item-3255 {border-bottom: 3px solid #60bfb8;}
#menu-main-menu .actioncenter .sub-menu {background:#f25e36;}
#menu-main-menu .fun .sub-menu {background:#ffb600;}
#menu-main-menu .magazine .sub-menu {background:#a45485;}
#menu-main-menu .blog .sub-menu {background:#009ec6;}	


section{width:100%;}






}


@media (max-width: 680px) and (min-width: 550px) {
#main-logo { left:0px;} 

.inputbardiv .input_text{width:100%; margin-bottom:5px;}
.input_field{width:90%;}




}


/* ************************************************************************ */
/* SMALL MOBILE media selector */
/* ************************************************************************ */

@media (max-width: 480px) {
#main-logo { left:0px;} 
.inputbardiv .input_text{width:100%; margin-bottom:5px;}
.input_field{width:90%;}



}






@media (max-width: 360px) {
#main-logo { left:65px;}
header #searchform{display:none;}
#menu-main-menu, #main-nav .sub-menu {overflow: visible;}
#searchform #s {width:45px;}
#menu-main-menu .menu-heading {font-size:12px;line-height:16px;}
#menu-main-menu .actioncenter .menu-heading,  #menu-main-menu .yoursay .menu-heading {line-height:12px;}
#menu-main-menu .magazine .menu-heading {padding: 20px 0 0 27px;}
#menu-main-menu .magazine .menu-heading {background-position:-834px -150px}
#menu-main-menu .magazine .menu-heading:hover, #menu-main-menu .magazine:hover .menu-heading, #menu-main-menu .stay-open.magazine .menu-heading {background-position:-834px -210px;
}



}






@media (max-width: 320px) {
#main-logo { left:0px;}
#main-nav ul, #main-nav li {display: block;}
.sub-menu a span {display: none;}


}
